<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="css/mui.mui.css"> -->
    <link rel="stylesheet" href="sass/memoria.min.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>
<body>
    <div class="nav">
        <div class="nav-text">
           <div class="navigation">
                <div class="navigation-left"><a href="./index.html" class="iconfont">&#xe62c;</a></div>
                <p>Shawn Dou 窦骁</p>
                <div class="iconfont home">&#xe66c;
                    <div class="more">
                        <p class="home"><a href="index.html">首页</a></p>
                        <p class="home"><a href="./list.html">榜单</a></p>
                        <p class="home"><a href="hotspot.html">热搜</a></p>
                        <p class="home"><a href="./tab-with-segmented-control.html">商城</a></p>
                    </div>
                </div>
            </div> 
        </div>
    </div>
    <div class="figure">
        <div class="celebrity">
            <img src="https://p0.meituan.net/movie/7c236a826cb55c9a2053498e2a990e6f51571.jpg@80q" alt="">
            <div class="name">
                <div class="top-name">
                    <span class="">窦骁</span>
                    <span class="actor">演员</span>
                </div>
                <div class="English">Shawn Dou</div>
            </div>
            <div class="bottom-name">
                <a href="">猫眼电影</a>>窦骁
            </div>
        </div>
        <div class="introduce ">
            <div class="text-introduce">
                <p class="">男 &nbsp;| 射手座 &nbsp;| 182cm</p>
                <p class="">1988年12月15日出生于中国,陕西,西安</p>
                <p class="">窦骁（Shawn Dou），1988年12月15日出生于陕西省西安市，华语影视男演员，毕业于北京电影学院表演系。 2010年，出演个人首部电影《山楂树之恋》，从而正式进入演艺圈；同年，获得“第5届BQ红人榜颁奖盛典”年度电影新人奖。2011年，参加中央电视台春节联欢晚会，并表演开场歌舞《回家过年》；同年，获得“影视风云榜新势力盛典”最受欢迎电影男演员奖。2012年，主演爱情电影《危险关系》。 2014年，在古装穿越爱情电影《新步步惊心》中饰演男主角爱新觉罗·胤禵。2015年，其主演的冒险电影《狼图腾》取得了6.97亿元人民币的票房成绩；同年，主演古装魔幻剧《海上牧云记》。2016年，主演古装传奇剧《楚乔传》；同年，凭借电影《六人晚餐》获得“第11届巴黎中国电影节”最佳男演员奖。2017年，主演都市情感剧《时间都知道》；同年主演电视剧《爱上你治愈我》，饰演男主角颜书仁。2018年主演古装片《日月传奇》。同年，主演灾难电影《天·火》。2019年，主演古装传奇剧《燕云台》。</p>
            </div>
            <div class="iconfont">&#xe62e;</div>
            <div class="img">
                <img src="https://p0.meituan.net/mmdb/35349dcd878651dc02069126de64cc253692376.jpg@1sc%7C166w%7C0_0_166_134a" alt="">
                <img src="https://p0.meituan.net/mmdb/837b4107e43de1e7d65d70a805dacf924815412.jpg@1sc%7C166w%7C0_0_166_134a" alt="">
                <img src="https://p1.meituan.net/mmdb/c2701f5754ee9d01bd53063fca6ead3c3054222.jpg@1sc%7C166w%7C0_0_166_134a" alt="">
                <img src="https://p1.meituan.net/mmdb/6f39526b20416879c117fb57c948f4e13569633.jpg@1sc%7C166w%7C0_0_166_134a" alt="">
              <div class="quantity"><span class="iconfont">538张 &#xeb1b;</span> </div> 
                   
            </div>
        </div>
    </div>
    <div class="works">
        <div class="nav-works"><h2>他的作品(54)</h2><a href="">全部</a> </div>
        <div class="center-works">
            <img src="https://p0.meituan.net/movie/fa1304fa2081ef677b5da02087636a0669790.jpg@83w_124h_80q_1e_1c" alt="">
            <div class="name-works">
                <p class="name-text">欢乐颂5</p>
                <p class="name-text">演员</p>
                <p class="name-text">饰：戴维</p>
                <p class="name-text">2024</p>
            </div>
            <div class="temperature">38人想看</div>
        </div>
        <div class="center-works">
            <img src="https://p0.meituan.net/movie/fa1304fa2081ef677b5da02087636a0669790.jpg@83w_124h_80q_1e_1c" alt="">
            <div class="name-works">
                <p class="name-text">欢乐颂5</p>
                <p class="name-text">演员</p>
                <p class="name-text">饰：戴维</p>
                <p class="name-text">2024</p>
            </div>
            <div class="temperature">38人想看</div>
        </div>
        <div class="center-works">
            <img src="https://p0.meituan.net/movie/fa1304fa2081ef677b5da02087636a0669790.jpg@83w_124h_80q_1e_1c" alt="">
            <div class="name-works">
                <p class="name-text">欢乐颂5</p>
                <p class="name-text">演员</p>
                <p class="name-text">饰：戴维</p>
                <p class="name-text">2024</p>
            </div>
            <div class="temperature">38人想看</div>
        </div>
        <div class="center-works">
            <img src="https://p0.meituan.net/movie/fa1304fa2081ef677b5da02087636a0669790.jpg@83w_124h_80q_1e_1c" alt="">
            <div class="name-works">
                <p class="name-text">欢乐颂5</p>
                <p class="name-text">演员</p>
                <p class="name-text">饰：戴维</p>
                <p class="name-text">2024</p>
            </div>
            <div class="temperature">38人想看</div>
        </div>
        <div class="center-works">
            <img src="https://p0.meituan.net/movie/fa1304fa2081ef677b5da02087636a0669790.jpg@83w_124h_80q_1e_1c" alt="">
            <div class="name-works">
                <p class="name-text">欢乐颂5</p>
                <p class="name-text">演员</p>
                <p class="name-text">饰：戴维</p>
                <p class="name-text">2024</p>
            </div>
            <div class="temperature">38人想看</div>
        </div>
    </div>
    <div class="message">
        <h6>最新资讯</h6>
        <div class="text-message">
            <img src="https://p1.meituan.net/moviemachine/5c74ef55c4d49aca172fb515eeb365bc138277.jpg@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">《不速来客》超前点映 沉浸式剧本杀二刷更过瘾</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p1.meituan.net/moviemachine/5c74ef55c4d49aca172fb515eeb365bc138277.jpg@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">《不速来客》超前点映 沉浸式剧本杀二刷更过瘾</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p1.meituan.net/moviemachine/5c74ef55c4d49aca172fb515eeb365bc138277.jpg@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">《不速来客》超前点映 沉浸式剧本杀二刷更过瘾</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p1.meituan.net/moviemachine/5c74ef55c4d49aca172fb515eeb365bc138277.jpg@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">《不速来客》超前点映 沉浸式剧本杀二刷更过瘾</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p1.meituan.net/moviemachine/5c74ef55c4d49aca172fb515eeb365bc138277.jpg@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">《不速来客》超前点映 沉浸式剧本杀二刷更过瘾</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p1.meituan.net/moviemachine/5c74ef55c4d49aca172fb515eeb365bc138277.jpg@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">《不速来客》超前点映 沉浸式剧本杀二刷更过瘾</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
    </div>
    <div class="message">
        <h6>相关资讯</h6>
        <div class="text-message">
            <img src="https://p0.meituan.net/moviemachine/b0be8fb622e726baa5aaf2185902afca322010.png@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">北影节公布新片单，范伟张颂文影片入围，还有今村昌平回顾影展</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p0.meituan.net/moviemachine/b0be8fb622e726baa5aaf2185902afca322010.png@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">北影节公布新片单，范伟张颂文影片入围，还有今村昌平回顾影展</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p0.meituan.net/moviemachine/b0be8fb622e726baa5aaf2185902afca322010.png@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">北影节公布新片单，范伟张颂文影片入围，还有今村昌平回顾影展</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p0.meituan.net/moviemachine/b0be8fb622e726baa5aaf2185902afca322010.png@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">北影节公布新片单，范伟张颂文影片入围，还有今村昌平回顾影展</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
        <div class="text-message">
            <img src="https://p0.meituan.net/moviemachine/b0be8fb622e726baa5aaf2185902afca322010.png@200w_150h_80q_1e_1c" alt="">
            <p class="nav-message">北影节公布新片单，范伟张颂文影片入围，还有今村昌平回顾影展</p>
            <p class="iconfont">&#xeb1b;</p>
        </div>
    </div>
</body>
<script>
    // 在iphone6 375宽度中  html是以20px作为基本单位
    (function () {
      function w() {
          var all = document.documentElement;  // 获取html元素
          var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
          console.log(123,test)
          if (test > 750) {
              test = 750;
          }
          rem = test / 18.75;
          console.log(rem)
          all.style.fontSize = rem + 'px'
      }
      w();
      window.addEventListener("resize", function () {
          w()
      }, false)
  })();  
</script>
</html>